<template>
        <div class="boxs">
        <div class="cleft">某公司大数据展示模版标题</div>
        <div class="ccen">
            <div v-for="(item, index) in arr" :key="index">
                <dv-button @click="console.log('click')" border="Border3" color="#176B98" font-color="#FFF"  >智慧水利</dv-button>
            </div>
            
        </div>
        <div class="cright">
            {{ time }}
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import moment from 'moment'
let time = ref()
let arr = ref('111111')
setInterval(() => {
    time.value = moment().format('YYYY年MM月DD日 hh:mm:ss');
}, 1000);

</script>

<style scoped lang="scss">
.boxs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    .cleft {
        width: 28%;
        font-size: 35px;
        font-weight: bold;
        color: #DAEBDF;
        margin-left: 10px;
    }

    .ccen {
        flex: 1;
        display: flex;
        // justify-content: space-around;
        div{
            margin-left: 20px;
        }
    }

    .cright {
        width: 12%;
        color: rgb(161, 241, 255);
    }
}
</style>